.index-card
  margin-bottom 2rem

.index-img
  box-shadow 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15)

.index-info
  display: flex
  flex-direction: column
  justify-content: space-between

.index-header
  font-weight 700
  white-space nowrap
  overflow hidden
  text-overflow ellipsis
  margin-top .5rem
  margin-bottom 0

.index-btm
  margin-bottom .5rem

.index-thumbnails
  display block
  width 100%
  height 10rem
  object-fit cover

.index-excerpt
  margin 0.5rem 0 0.5rem 0
  height auto
  max-height calc(1.4rem * 3)
  line-height 1.4rem
  overflow hidden

  .index-text
    float right
    margin-left -0.25rem
    width 100%
    word-break break-word
    display: -webkit-box
    -webkit-box-orient: vertical
    -webkit-line-clamp: 3

@media (max-width: 768px)
  .index-info
    padding-top .5rem

  .index-header
    font-size 1.25rem
    white-space normal
    overflow hidden
